<#include "/WEB-INF/default/fragment/nev.ftl">
<div id="main">
    <div align="center"><img src="./assets/image/logo.png" alt=""></div>
</div>
<div class="invit">
    <span>创建或修改1605团队</span>
    <div class="invit_btn">
        <button class="btn btn-danger">我的团队</button>
        <button class="btn btn-success">保存</button>
    </div>
    <div id="main" class="create-team">
        <form class="form-horizontal">
            <div class="form-group clearfix post-list">
                <label class="post-name fl">团队名称</label>
                <div class="post-value fl">
                    <input type="password" class="form-control" id="inputPassword">
                    <p class="post-massage">
                        <span class="mage-h">EX:</span> java1605
                    </p>
                </div>
            </div>
            <div class="form-group clearfix post-list">
                <label class="post-name fl">团队描述</label>
                <div class="post-value fl">
                    <input type="password" class="form-control" id="inputPassword">
                    <p class="post-massage">
                        <span class="mage-h">EX:</span> 如 java 专业第1605实训部
                    </p>
                </div>
            </div>
            <div class="form-group clearfix post-list">
                <label class="post-name fl">个性域名</label>
                <div class="post-value fl">
                    <div class="input-group">
                        <div class="input-group-addon">/team-</div>
                        <input type="text" class="form-control" id="exampleInputAmount">
                    </div>
                    <p class="post-massage">
                        可以使用个性域名访问该团队地址。默认为 /team-{team_id} ，创建之后不能修改。
                    </p>
                </div>
            </div>
            <div class="form-group clearfix post-list">
                <label class="post-name fl">团队介绍</label>
                <div class="post-value fl">
                    <textarea type="password" class="form-control" id="inputPassword"></textarea>
                    <p class="post-massage">
                        富文本介绍，可以制作个性化的团队页面
                    </p>
                </div>
            </div>
            <div class="form-group clearfix post-list">
                <label class="post-name fl">开始日期</label>
                <div class="post-value fl">
                    <div class="input-group">
                        <input type="text" class="form-control" id="exampleInputAmount">
                        <div class="input-group-addon"></div>
                    </div>
                    <p class="post-massage">
                        团队开始的日期
                    </p>
                </div>
            </div>
            <div class="form-group clearfix post-list">
                <label class="post-name fl">结束日期</label>
                <div class="post-value fl">
                    <div class="input-group">
                        <input type="text" class="form-control" id="exampleInputAmount">
                        <div class="input-group-addon"></div>
                    </div>
                    <p class="post-massage">
                        团队预期结束的日期
                    </p>
                </div>
            </div>
            <div class="form-group clearfix post-list">
                <label class="post-name fl">团队状态</label>
                <div class="post-value fl">
                    <ul class="list-group">
                        <li class="list-group-item">尚未开始</li>
                        <li class="list-group-item">正在实训中</li>
                        <li class="list-group-item">毕业项目实战</li>
                        <li class="list-group-item">完成实训</li>
                        <li class="list-group-item">结束团队</li>
                    </ul>
                    <script type="text/javascript">
                        $('.list-group>li').click(function(event) {
                            $('.list-group>li').removeClass('color-chick')
                            $(this).addClass('color-chick');
                        });
                    </script>
                    <p class="post-massage">
                        状态值只能从左往右顺序设置，不能倒序操作。
                    </p>
                    <p class="post-massage">
                        <span class="mage-h">EX:</span>已进入“毕业项目实战”阶段的团队不能再次回到“正在实训中”状态
                    </p>
                </div>
            </div>
        </form>
    </div>
</div>
<#include "/WEB-INF/default/fragment/footer.ftl">